/* =============================================================================
   Reset
   ========================================================================== */
/*html, body { background: transparent; margin: 0; padding: 0; }*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =============================================================================
   /Reset
   ========================================================================== */


/* =============================================================================
  Top panel
  ========================================================================== */

.top-panel-frame-wrp {
	position: relative;
	transition: height .5s;
	z-index: 99;
}
.top-panel-frame {
	height: 55px;
	overflow: hidden;
	position: relative;
	transition: height .5s;	
	z-index: 100;
}
.page-content-container {
	/*left: 0;
	position: relative;*/
	-webkit-transition: transform .6s;
	-moz-transition: transform .6s;
	-o-transition: transform .6s;
	-ms-transition: transform .6s;
	transition: transform .6s;
}

/* =============================================================================
  /Top panel
  ========================================================================== */


/* =============================================================================
  Footer container
  ========================================================================== */

.footer-frame-wrp iframe {
	overflow: hidden;
	width: 100%;
}
.footer-frame-wrp { background: #fff; overflow: hidden; }

/* =============================================================================
  /Footer container
  ========================================================================== */


/* =============================================================================
  Found container
  ========================================================================== */

.found-wrp {
	width: 350px;
	height: 300px;
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	-webkit-transition: right .5s;
	transition: right .5s;
}
.found-wrp.hidden {
	right: -500px;
}
.found-wrp iframe {
	width: 350px;
	height: 300px;
}

/* =============================================================================
  /Found container
  ========================================================================== */
 

/* =============================================================================
  error container
  ========================================================================== */
.b-error-block, .b-error-block iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 999; }
.b-error-block { display: none; position: fixed; }
/* =============================================================================
  /error container
  ========================================================================== */
 



/*banner*/
.ba-mask { background: rgba(0,0,0,.5); cursor: pointer; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
.ba-banner { display: none; left: 50%; margin: -242px 0 0 -586px; position: fixed; top: 50%; width: 1173px; z-index: 10000; }
	.ba-banner__img { display: block; }
		.ba-banner__img img { height: auto; width: 100%; }
	.ba-banner__close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi7F16v4GBgaEeiBuLohRAbJygb9kDuFpGoMb/SHKNQIxLM0wTGDBBFcNAPQ6NKJpAeph3rp1w4PjlD4xAjgNUEESD+AdwaQKJsSBJMiApqEdzBYZXWNCcg0szhv+ZsPilEYsfMQKNiYFMwEQg9HCGNhO+IMcXVSz4ghxLyMLoBmY+tQRCmg5A4xUlnpkIaMIV2vXISQ5fOkXX3AgQYABw2jMbi2yDoAAAAABJRU5ErkJggg==); background-position: 50% 50% !important; background-repeat: no-repeat !important; height: 80px; position: absolute; right: 0; top: 0; width: 80px; }

@media screen and (max-width: 1173px) {
	.ba-banner { left: 0; margin-left: 0; right: 0; width: auto; }
}
@media screen and (max-width: 1000px) and (orientation: landscape) {
	.ba-banner { margin-top: 0; top: 0; }
}